.produtid{width: 100%;overflow:hidden;margin:auto;position:relative;  margin-bottom: 40px; display: block; margin-top: 30px;}

.produtid .prleft{float:left;position: absolute;width: 260px;  overflow: hidden;display: block; background: #01498a; left: 0; top: 0; bottom: 0;display: flex; flex-direction: column; justify-content: space-evenly;align-items: center; text-align: center;}
.produtid .prleft .mone{ text-align: center;color: #fff; font-size: 22px;}
.produtid .prleft img{width: 50px; margin-top: 20px; }

.produtid .przhong{float:right;position: relative;width: calc(100% - 260px); overflow: hidden;display: block;}
.przhong ul{zoom: 1;}
.przhong ul li{width: 20%; float: left;position: relative;overflow: hidden;display: block;}
.przhong ul li .tsimg{width: 100%;position: relative;overflow: hidden;display: block;}
.przhong ul li .tsimg img{max-width: 100%;}
.przhong ul li .atext{position: absolute; width: 100%; padding: 0 5%; height: 100%; line-height: 32px ; background-color: rgba(0, 0, 0, 0.5); bottom: 0; top: 0;color: #fff; font-size: 22px; display: flex; flex-direction: column; justify-content: space-evenly;align-items: center; text-align: center;  }
.przhong ul li:hover .atext{background-color: unset ; }



.produtwap{width: 100%;overflow:hidden;margin:auto;position:relative; display: none;}
.produtwap ul{zoom: 1;}
.produtwap ul li{width: 100%; float: left;position: relative;overflow: hidden;display: block;}
.produtwap ul li .tsimg{width: 100%;position: relative;overflow: hidden;display: block;}
.produtwap ul li .tsimg img{max-width: 100%;}
.produtwap ul li .atext{position: absolute; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5); bottom: 0; top: 0; display: block;overflow: hidden;}

.produtwap ul li .atext .aungt{color: #fff; font-size: 17px; margin-top: 25px; display: inline-block; padding: 0 5%;}
.produtwap ul li .atext .aungt img{width: 30px; margin-right: 10px;float: left; height: 30px;}
.produtwap ul li:hover .atext{background-color: unset ; }


@media (max-width:1280px) {
	
.produtid .prleft{width: 160px; }
.produtid .przhong{width: calc(100% - 140px); }
.przhong ul li .atext{ font-size: 17px;}	
	.produtid .prleft .mone{  font-size: 17px;}
	
}
@media (max-width:767px) {
.produtwap{ display: block;}
.produtid{display: none;}



}